.popoverStyle {
  border-radius: 2px;

  :global {
    .ant-popover-content {
      .ant-popover-arrow-content {
        background-color: #2B2F3C;

        &::before {
          display: none;
        }
      }

      .ant-popover-inner {
        background-color: #2B2F3C;

        .ant-popover-inner-content {
          padding: unset;
        }
      }
    }
  }
}

.setting_button {
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F5F6F8;
  border-radius: 2px;
  border: none;
  box-shadow: none;
  margin-bottom: 4px;

  &:hover {
    background: #F8F9FC;
  }

  &:active {
    background: #ECEEF2;
  }


  >img {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-position: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
}

.tableChartBox {
  width: 100%;
  display: flex;
  border: 1px solid #e4e4e4;
  border-radius: 2px;

  &_chart {
    position: relative;
    width: 323px;
    min-width: 323px;

    >span {
      position: absolute;
      top: 4px;
      left: 16px;
      font-size: 13px;
      font-weight: 600;
      color: #35425e;
      line-height: 28px;
    }
  }
}

.pdfTableChart {
  border: unset;

  &_chart {
    border: 1px solid #4E5257;
    margin-left: 8px;
    border-radius: 2px;
  }
}

.fundReportTable {
  flex-grow: 1;
  max-width: calc(100% - 323px);

  :global {
    .ant-table-container {
      border: unset;
      border-right: 1px solid #e4e4e4;

      .ant-table-column-sorter-full {
        padding-left: 8px;

        .ant-table-column-sorter-up {
          margin-bottom: -1px;
        }
      }

      .ant-table-column-sort {
        background-color: unset;
      }
      .ant-table-column-sorters{
        .ant-table-column-title {
          padding-left: 18px;
        }
      }

      .ant-table-column-sorter-up.active,
      .ant-table-column-sorter-down.active {
        color: #8791A2;
      }

      .ant-table-column-sorter-down,
      .ant-table-column-sorter-up {
        color: #CDD1D9;
      }

      .ant-table-content {
        border: unset;
      }

      .ant-table-thead {
        tr {
          height: 28px;

          th {
            height: 28px;
            border-bottom: 1px solid #e4e4e4;
          }
        }
      }

      .ant-table-tbody {
        tr {
          height: 28px;

          td {
            height: 28px;
          }

          &:last-child {
            td {
              font-weight: 600;
            }
          }
        }
      }
    }
  }
}

.pdfTable {
  border: 1px solid #4E5257;
  border-radius: 2px;

  :global {
    .ant-table-thead {
      tr {
        height: 28px;

        th {
          height: 28px;
          border-right: 1px solid #4E5257 !important;
          border-bottom: unset !important;
          background-color: #E1E4EC;
        }
      }
    }

    .ant-table-tbody {
      tr {
        height: 28px;

        td {
          height: 28px;
          border-right: 1px solid #4E5257 !important;
          background-color: #E1E4EC;
        }

        &:last-child {
          td {
            font-weight: 600;
          }
        }
        &:nth-child(2n) {
          background-color: #EDF0F6;
        }
        &:nth-child(2n+1) {
          background-color: #fff !important;
        }
      }
    }
  }
}

.fundReportTableB {
  :global {
    .ant-table-thead {
      tr:nth-child(2) {
        height: 18px;

        th {
          height: 18px;
          font-size: 12px;
          zoom: 0.83;
        }
      }
    }

    .ant-table-container {
      // 去掉右侧内阴影
      &::after, &::before {
        display: none;
      }

      .ant-table-tbody {
        tr {
          &:last-child {
            td {
              font-weight: 400;
            }
          }
        }
      }
    }
  }
}

.header {

  display: flex;
  justify-content: space-between;
  align-items: center;

  &_left {

    :global {
      .ant-dropdown-trigger {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        border: unset !important;

        &:hover {
          cursor: pointer;
        }

        >span {
          display: block;
          white-space: nowrap;
          font-size: 13px;
          color: #35425e;
          font-weight: 600;
          line-height: 28px;
          margin-bottom: 4px;

          &::before {
            position: relative;
            top: 1px;
            content: '';
            display: inline-block;
            width: 4px;
            height: 12px;
            background: #3F52B5;
            margin-right: 7px;
          }
        }

        >img {
          position: relative;
          top: -1px;
          width: 16px;
          height: 16px;
        }
      }
    }

  }
}

.pdfMenu {
  >span {
    display: block;
    white-space: nowrap;
    font-size: 13px;
    color: #35425e;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 4px;

    &::before {
      position: relative;
      top: 1px;
      content: '';
      display: inline-block;
      width: 4px;
      height: 12px;
      background: #3F52B5;
      margin-right: 7px;
    }
  }
}

.dropMenu {
  :global {

    .ant-dropdown-menu-item,
    .ant-dropdown-menu-submenu-title {
      color: #35425e;
      font-size: 13px;
    }

    .ant-dropdown-menu-item-selected {
      background-color: #e5f0ff;
      font-weight: bold;
    }
  }
}